﻿@{
    ViewBag.Title = "睿步防滑";
    Layout = "~/Areas/WeiXinAreas/Views/Shared/_LayoutWeui.cshtml";
}
<style>
    .pro {
        border-bottom-left-radius: 0.125rem;
        border-bottom-right-radius: 0.125rem;
        box-shadow: 0 0 3px rgba(0,0,0,0.15);
        float: left;
        margin: 0 0 0.125rem 1%;
        width: 48.5%;
        position: relative;
        margin-top: 5px;
    }

    .title {
        font-size: 13px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        color: #333;
        padding-left: 2px;
    }
    .divgg {
        margin-top:6px;
        padding:6px 12px 6px 12px;
        background-color:#FFFFFF;
        color:#6c6c6c;
        font-size:14px;
        overflow: hidden;
        height: 20px;
    }
</style>
<div id="top-img" class="swiper-container">
    <div class="swiper-wrapper">
        @foreach (var path in (List<string>)ViewData["ListImage"])
        {
            <div class="swiper-slide"><img src="@path" style="width:100%;"></div>
        }
    </div>
    <div class="swiper-pagination"></div>
</div>
<div class="divgg" id="divgg">
    @ViewData["gg"]
</div>
    <div class="weui-panel weui-panel_access">
        <div class="weui-panel__hd">产品中心</div>
        <div class="weui-panel__bd">
            @foreach (var product in (List<NFine.Domain.Entity.ProductManage.ProductEntity>)ViewData["IndexData"])
            {
                <div class="pro">
                    <a href="~/WeiXinAreas/Main/ProductInfo?pid=@product.F_Id">
                        <img src="@product.F_ImageUrl" alt="@product.F_ProductName" style="width:100%;" data-id="@product.F_Id"  />
                        <div class="title"> @product.F_ProductName</div>
                        @*<div style="position:absolute; bottom:0px; right:0px; color:red;">￥@product.F_Price</div>*@
                        <div style="color:red;text-align:right;">￥@product.F_Price</div>
                    </a>
                </div>
            }
        </div>
    </div>

<div style="height:60px;"></div>
<div class="weui-tabbar" style="position:fixed;">
    <a href="javascript:;" class="weui-tabbar__item weui-bar__item--on">
        <div class="weui-tabbar__icon">
            <img src="~/Content/M/img/home@2x_.png" alt="">
        </div>
        <p class="weui-tabbar__label">首页</p>
    </a>
    <a href="~/WeiXinAreas/Main/NewsList" class="weui-tabbar__item">
        <div class="weui-tabbar__icon">
            <img src="~/Content/M/img/kecheng@2x.png" alt="">
        </div>
        <p class="weui-tabbar__label">新闻</p>
    </a>
    <a href="~/WeiXinAreas/Main/Ponser" class="weui-tabbar__item">
        <div class="weui-tabbar__icon">
            <img src="~/Content/M/img/person@2x.png" alt="">
        </div>
        <p class="weui-tabbar__label">个人</p>
    </a>
</div>

@section footScript
{
    <script src="//cdn.bootcss.com/jquery-weui/1.0.1/js/swiper.min.js"> </script>
    <script type="text/javascript">
        var topimg = new Swiper('#top-img', {
            pagination: '.swiper-pagination',
            paginationClickable: true,
            spaceBetween: 30,
            centeredSlides: true,
            autoplay: 2500,
            autoplayDisableOnInteraction: false
        });
        $(function () {
            //var aLi = $('.weui-navbar__item');
            //aLi.on('click', function () {
            //    $(this).addClass('weui-bar__item_on').siblings('.weui-bar__item_on').removeClass('weui-bar__item_on');
            //});
            $("#divgg").on("click", function () {
                $.alert("@ViewData["gg"]","系统公告");
            });
        });
    </script>
}